8e:I[903690,["/chat-static/_next/static/chunks/0e2tb6ztxas0b.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/1f7u6rgo4cul0.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/05pq8s6zv_wn1.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/43vadfihbvtl1.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/1gycrwvtm60qn.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/3wkp7zrf5-jmz.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/3xh9s6el8_6_x.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/0ke63s91gpvy3.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/1ccgxhg3rjfjo.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/0vd414frz2dl_.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/2mgce5j5u79tt.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/01gmrqojqtlsu.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/2qjug_t8m8oho.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/2womqu661fmr2.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/0qdgtnqed6832.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/1po5wfdz3ceh_.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/1lmne7b3yag00.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/330f8n_uwn2ft.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/0h7t4vk9gyu0g.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/160o23x6urtdh.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/1qov2bia_ns-o.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/1j9njtdk43kba.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/10xq309qhj3gr.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/04t51g7mb5zjz.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/1m_h06jid1ekf.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/34kx6djl8qij7.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/3hwyfh3v3lizg.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/3lzqzvqvppdbz.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/3y2nzgu33897a.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/2xm81q215cv7s.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/3vtvee1raa1hh.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/0ylrm5ajfx1z7.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/0j_lsstp2mbsx.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/0aas_nxnpj24g.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/42h7tmr-x85i0.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/1pycny3zv2irk.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/2nrg64o7044ea.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/2wb66rh9_-phb.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/2934g55qd7tuc.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/111x4t_autsmc.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/18ivfh5uja4t0.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/2r3_xwoqt-j-8.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR"],"ExplicitChatIdProvider"] 8f:I[838238,["/chat-static/_next/static/chunks/0e2tb6ztxas0b.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/1f7u6rgo4cul0.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/05pq8s6zv_wn1.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/43vadfihbvtl1.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/1gycrwvtm60qn.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/3wkp7zrf5-jmz.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/3xh9s6el8_6_x.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/0ke63s91gpvy3.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/1ccgxhg3rjfjo.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/0vd414frz2dl_.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/2mgce5j5u79tt.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/01gmrqojqtlsu.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/2qjug_t8m8oho.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/2womqu661fmr2.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/0qdgtnqed6832.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/1po5wfdz3ceh_.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/1lmne7b3yag00.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/330f8n_uwn2ft.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/0h7t4vk9gyu0g.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/160o23x6urtdh.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/1qov2bia_ns-o.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/1j9njtdk43kba.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/10xq309qhj3gr.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/04t51g7mb5zjz.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/1m_h06jid1ekf.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/34kx6djl8qij7.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/3hwyfh3v3lizg.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/3lzqzvqvppdbz.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/3y2nzgu33897a.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/2xm81q215cv7s.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/3vtvee1raa1hh.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/0ylrm5ajfx1z7.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/0j_lsstp2mbsx.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/0aas_nxnpj24g.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/42h7tmr-x85i0.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/1pycny3zv2irk.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/2nrg64o7044ea.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/2wb66rh9_-phb.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/2934g55qd7tuc.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/111x4t_autsmc.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/18ivfh5uja4t0.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR","/chat-static/_next/static/chunks/2r3_xwoqt-j-8.js?dpl=dpl_HxVjJ817bNwXJbfkQ78xUtYkf5nR"],"SWRDataProvider"] 90:T11b9,[V0_FILE]typescriptreact:file="components/floating-bubbles.tsx" "use client" import { useState, useEffect } from "react" import { motion } from "framer-motion" import { Button } from "@/components/ui/button" function Bubble({ x, y, size, color }: { x: number; y: number; size: number; color: string }) { return ( ) } function FloatingBubbles() { const [bubbles, setBubbles] = useState>([]) useEffect(() => { const newBubbles = Array.from({ length: 50 }, (_, i) => ({ id: i, x: Math.random() * window.innerWidth, y: Math.random() * window.innerHeight, size: Math.random() * 20 + 5, color: `rgba(${Math.random() * 255},${Math.random() * 255},${Math.random() * 255},0.3)`, })) setBubbles(newBubbles) }, []) return (

) } export default function FloatingBubblesBackground({ title = "Floating Bubbles", }: { title?: string }) { const words = title.split(" ") return (

{words.map((word, wordIndex) => ( {word.split("").map((letter, letterIndex) => ( {letter} ))} ))}

) } 84:["$","$L8e",null,{"chatId":"k9EcZPbKJla","children":["$","$L8f",null,{"data":{"@\"active-block\",\"k9EcZPbKJla\",":{"id":"zY3g7NSkR2v","messageId":"gwVkgjlXi0cEiXmyYJzV0bvV92pmpVq1","source":"$90","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"FloatingBubbles","type":"code-project","project":"FloatingBubbles"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"k9EcZPbKJla\",":false,"":null},"children":"$L91"}]}]

About

Tags

Share

About

Tags

Share

More from chinpeerapat

More Templates Like This